<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>我推广的会员</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<script src="../../../js/mui.min.js"></script>
		<style type="text/css">
			/*会员推广数量容器，使用弹性盒模型*/
			
			.lis {
				-webkit-box-align: center;
				display: -webkit-box;
				-webkit-box-pack: center;
			}
			
			.lis div {
				margin: 0 10px;
				width: 20%;
				text-align: center;
			}
		</style>
	</head>

	<body>

		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">我推广的好友</h1>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view" style="margin: 5px;">

				<li class="mui-table-view-cell lis">
					<div>
						<p class="p1">全部</p>
						<p class="p2">12</p>
					</div>
					<div>
						<p class="p1">一级会员</p>
						<p class="p2">10</p>
					</div>
					<div>
						<p class="p1">二级会员</p>
						<p class="p2">10</p>
					</div>
					<!--<div>
		                <p class="p1">我的邀请码</p>
		                <p class="p2">5555</p>
		            	</div>-->

				</li>

			</ul>
			<div class="mui-slider">
				<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<a class="mui-control-item" href="#item1">一级会员</a>
					<a class="mui-control-item" href="#item2">二级会员</a>
				</div>
				<!--
             	描述：上面是菜单
             	下面是菜单容器
             -->
				<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-6"></div>
				<div class="mui-slider-group">
					<div id="item1" class="mui-slider-item mui-control-content">
						<!--这里是一级会员的展示列表-->
						<!--这里是一级会员的展示列表-->
						<!--这里是一级会员的展示列表-->
						<!--这里是一级会员的展示列表-->
						<ul class="mui-table-view">
							<!--取得一个DataTable-->
							<li class="mui-table-view-cell">姓名：张三
								<div class="note">
									<p>电话号码：15529169175</p>
									<p>注册时间：2018-10-03></p>
									<p>积分：3000</p>
									<p>会员数量：
										<a href="usercenter.{config.staticextension}?action=friends&level=2&id={dr[id]}" data-ignore="true">查看</a>
									</p>
								</div>
							</li>

						</ul>
					</div>
					<div id="item2" class="mui-slider-item mui-control-content">
						<!--这里是二级会员的展示列表-->
						<!--这里是二级会员的展示列表-->
						<!--这里是二级会员的展示列表-->
						<!--这里是二级会员的展示列表-->
						<ul class="mui-table-view">
							<!--取得一个DataTable-->
							<li class="mui-table-view-cell">姓名：张三
								<div class="note">
									<p>电话号码：15529169175</p>
									<p>注册时间：2018-10-03></p>
									<p>积分：3000</p>
									<p>会员数量：
										<a href="usercenter.{config.staticextension}?action=friends&level=2&id={dr[id]}" data-ignore="true">查看</a>
									</p>
								</div>
							</li>

						</ul>
					</div>
				</div>

				<div style="margin:0 10px;line-height:50px;text-align:center;">暂无记录</div>

			</div>

		</div>

		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>